
<template>
  <div class="app">
    <div id="index" ref="appRef">
      <div class="index-content">
        <router-view/>
      </div>
    </div>
  </div>
</template>

<script>
import { ref, reactive, onMounted } from "vue";
import useIndex from "@/util/useDraw";

export default {
  setup() {
    // * 适配处理
    const { appRef, calcRate, windowDraw } = useIndex();
    // 生命周期
    onMounted(() => {
      // todo 屏幕适应
      windowDraw();
      calcRate();


      // console.log(numFormat(430178));
    });
    return {
      appRef
    };
  }
};
</script>


<style lang="scss">
@import "@/assets/scss/index.scss";
.app {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  
}
</style>


